<template>
  <div>
    <login-top middleTop="登录">
      <div slot="right" style="font-size: 3.61vw" @click="$router.push('/register')">切换到注册</div>
    </login-top>

    <login-text label="帐号" style="margin: 4.17vw 0"
                placeholder="请输入帐号" rule=^.{6,16}$ @inputChange="res => model.username=res"></login-text>

    <login-text label="密码"
                placeholder="请输入密码"
                type="password"
                rule=^.{6,16}$
                @inputChange="res => model.password=res"></login-text>

    <login-btn btntext="登录" @registerSubmit="registerSubmit"></login-btn>
  </div>
</template>

<script>
import LoginTop from "../components/common/LoginTop";
import LoginText from "../components/common/LoginText";
import LoginBtn from "../components/common/LoginBtn";
import fn from "../../text";
export default {
  name: "register",
  data() {
    return {
      model: {
        username: '',
        password: ''
      }
    }
  },
  components:{
    LoginTop,
    LoginText,
    LoginBtn
  },
  methods:{
    async registerSubmit(){
      let rulg=/^.{6,16}$/
      if(rulg.test(this.model.username)&&rulg.test(this.model.password)){
        const res = await this.$http.post('/login',this.model)
        this.$msg.fail(res.data.msg)
        if(res.data.code ==301 || res.data.code ==302){
          return
        }
      localStorage.setItem('token',res.data.token)
       localStorage.setItem('id',res.data.id)
       setTimeout(()=>{
         this.$router.push('/userinfo')
       },1000)
      }else {
        this.$msg.fail('请输入正确的格式')
      }

    }
  }
}
</script>

<style scoped>

</style>
